Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

136
Views
Javascript "onclick" eventlistener se activó automáticamente, sin obtener la entrada especificada

Estoy escribiendo una aplicación web simple usando Flask para el backend y javascript vainilla en el frente. La aplicación simplemente permitirá al usuario navegar por el sistema de archivos local en el navegador. No se supone que sea una aplicación útil o buena, solo estoy practicando.

Mi problema es que cuando escribo el frontend js, llego al siguiente punto, donde encuentro un problema:

 getData(); let root = document.getElementById('root'); async function getData() { const response = await fetch(`http://localhost:5000/`) const data = await response.json(); const header = document.getElementById('current') header.textContent = '/' for (item of data.current_directory) { const entry = document.createElement('p'); entry.textContent = item; const button = document.createElement('button'); button.innerHTML = 'Go' button.addEventListener('Click', goTo(item)) root.append(entry, button); } } async function goTo(location) { const response = await fetch(`http://localhost:5000/?location=${location}`); data = await response.json(); const header = document.getElementById('current'); header.textContent = location; root.textContent = ''; for (item of data.current_directory) { const entry = document.createElement('p'); entry.id = item entry.textContent = item; root.append(entry); } }

Simplemente estoy tratando de obtener la estructura del directorio, comenzando en la raíz / (estoy en Linux) desde el servidor, y luego muestro cada archivo/directorio en la ruta como un elemento <p>, después de lo cual creo un elemento de botón que debería llevarlo a ese directorio cuando se hace clic. El problema es que, cuando abro esto en mi navegador, por alguna razón, el detector de eventos se activa automáticamente, con cada iteración del bucle. Si reviso los registros de Flask, puedo ver un montón de solicitudes de obtención, consistentes con la función "goTo" que se llama una y otra vez.

Y sí, sé que probablemente debería usar un marco de interfaz para esto, pero me gustaría entender el javascript de vainilla antes de hacerlo.

¿Alguna sugerencia?

Gracias

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!